<template>
  <v-layout row wrap>
    <v-flex class="liBox" xs12 v-for="(item,idx) of searchData" :key="idx">
      <search-list-detail :name="item.name" :type="''+item.type" :tips="item.tip"></search-list-detail>
    </v-flex>
    <v-flex xs12>
      <v-layout align-center justify-center row class="loadingBox">
        <div class="loadingText">{{noMore?'没有更多':'加载中'}}</div>
        <v-progress-circular v-if="!noMore" indeterminate color="#CCC"></v-progress-circular>
      </v-layout>
    </v-flex>
  </v-layout>
</template>
<script>
import SearchListDetail from '../components/SearchListDetail'
export default {
  components: {
    SearchListDetail
  },
  props: ['searchData','noMore'],
  data () {
    return {
    }
  },
  beforeMount(){
    if(!this.searchData || this.searchData.length<1){
      this.$router.push(-1);
    }
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
.liBox {
  padding-bottom: 10px;
}
.loadingBox{
  padding: 5px 0px 10px 0px;
  .loadingText{
    color:#CCC;
  }
}
</style>
